<template>
  <div>
    <el-tabs v-model="activeName">
      <el-tab-pane label="知识产权制度及实务指引"><protection /></el-tab-pane>
      <el-tab-pane label="海外最新政策"><policies /></el-tab-pane>
      <el-tab-pane label="海外智联体"><association /></el-tab-pane>
      <el-tab-pane label="海外专利情报分析"><analysis /></el-tab-pane>
      <el-tab-pane label="海外诉讼预警"><warning /></el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import protection from "./protection.vue";
import policies from "./policies.vue";
import association from "./association.vue";
import analysis from "./analysis.vue";
import warning from "./warning.vue";
export default {
  components: {
    protection,
    policies,
    association,
    analysis,
    warning,
  },
  data() {
    return {
      activeName: 0,
    };
  },
};
</script>

<style lang="less" scoped>
</style>